<%@page import="saei.utils.SessionUtils"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
	<title>Fiscalizaciones Edilicias</title>
	<script src="js/saei.js" type="text/javascript"></script>
	<style type="text/css">
		html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
		    display: block;  
		} 

		html, body {
			height: 100%;
			margin: 0;
			padding: 0;
			font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
			background: #F8F8F8;
			font-size: 12px;
		}
		#login {
			height: 160px;
			width: 600px;
			text-align:center;
			display: block;
			margin: 100px auto;
		}
		div#header_login {
			height: 160px;
			width: 160px;
			background: #222222 url(images/login_bg.png) repeat-x;
			display: block;
			float:left;
		}
		div#logo {
			height: 160px;
			width: 160px;
			background: url(images/logo-login.png) no-repeat center left;
			display: block;
		}
		div#body_login {
			height: 160px;
			width: 270px;
			background: #E0E0E3;
			text-shadow: 0 1px 0 white;
			color: #666;
			text-transform: uppercase;
			display: block;
			padding-left: 160px;
		}
		#login_title{
			padding-top: 5px;
		}
		.login_field{
			width:100%; 
			display:block; 
			padding-left: 160px;
			display: block;
			text-align:left;
			font-weight: bold;
			padding-left: 10px;

		}
		
		input[type=submit] {
		background: #D0D1D4 url(../images/btn_submit.png) repeat-x;
		border: 1px solid #A8A9A8;
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		font-weight: bold;
		height: 22px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 0 10px;
		color: #666;
		text-shadow: 0 1px 0 #fff;
		cursor: pointer;
		}
		
		input[type=submit]:hover {
		color: #333333;
}
	</style>
</head>

<body>
	<form action="LoginServlet" name="formLogin" method="post">
		<jsp:include page="/Componentes/Mensajes.jsp"></jsp:include>
		<div id=login>
			<div id=header_login><div id=logo></div></div>
			<div id=body_login>
				<h4 id="login_title">Sistema de Administraci&oacuten de Equipamiento Inform&aacutetico</h4>
			
			
				<label class="login_field" >Usuario</label>
				<input class="login_field" type="text" style="width:250px;" name="loginUsuario" value="">
				<label class="login_field">Password</label>
				<input class="login_field" type="password" style="width:250px;" name="passwordUsuario" value="">
			
				<input type="submit" value="Ingresar" name="btnIngresar" onclick="submitForm('Login', '')" >
			

			</div>
		</div>
	</form>
</body>

</html>